Wprowadzenie

let margin = 0;

// zwiększamy wartość zmiennej o 1
margin++;
console.log('margin after ++ is:', margin); // margin after ++ is: 1

// zwiększamy wartość zmiennej o 1 w wyrażeniu za pomocą końcówki ++
console.log('margin with ++ suffix is:', margin++); // margin with ++ suffix is: 1
// wartość najpierw została odczytana (1), a dopiero potem zwiększona (teraz wynosi 2)
console.log('margin after ++ is:', margin); // margin after ++ is: 2

// zmniejszamy wartość o 1
margin--;
console.log('margin after -- is:', margin); // margin after -- is: 1

// zwiększamy wartość zmiennej o 1 w wyrażeniu za pomocą przedrostka ++
console.log('margin with ++ prefix is:', ++margin); // margin with ++ prefix is: 2
// wartość nie zmienia się po powyższej linii
console.log('margin after ++ is:', margin); // margin after ++ is: 2Copy to clipboardErrorCopied

let margin = 3;

// dodajemy liczbę do zmiennej
margin += 7;
// taki zapis jest równoznaczny z:
// margin = margin + 7;
console.log('margin after += 7 is:', margin); // margin after += 7 is: 10

// teksty możemy łączyć również za pomocą operatora +=
margin += 'px';
console.log('margin after += px is:', margin); // margin after += px is: 10pxCopy to clipboardErrorCopied

Zobaczmy działanie negacji w praktyce:

let size = 1;

// porównujemy za pomocą PODWÓJNEGO znaku równości
if(size == 1){
  console.log('size is 1');
}

// sprawdzamy czy wartości są różne od siebie
if(size != 7){
  console.log('size is NOT 7');
}

// negujemy warunek za pomocą wykrzyknika
if(!(size == 7)){
  console.log('NOT true, that size is 7');
}Copy to clipboardErrorCopied

Jak widzisz, wykrzyknij ! oznacza negację. W przypadku porównywania dwóch wartości będziemy używać !=, ale negacja przyda nam się też w innych przypadkach:

let gameStarted = true;
let gameEnded = false;

if(gameStarted){
  console.log('gameStarted is true');
}

if(!gameEnded){
  console.log('NOT true, that gameEnded is true');
}Copy to clipboardErrorCopied

Z powyższego przykładu dowiadujemy się, że w JS istnieją wartości true i false. Kiedy używamy ich jako warunku, nie musimy pisać gameStarted == true.

W standardowym zastosowaniu bloku if moglibyśmy zapisać:

const points = 7;
let result;

if(points > 5){
  result = 'win';
} else {
  result = 'loose';
}

console.log(result);Copy to clipboardErrorCopied

Short if pozwoli nam znacznie skrócić ten fragment kodu:

const points = 7;
const result = points > 5 ? 'win' : 'loose';
console.log(result);Copy to clipboardErrorCopied

Dodatkowo, powyższy przykład pokazuje, że operator warunkowy pozwala na użycie warunku do przypisania wartości stałej const. Byłoby to niemożliwe przy zastosowaniu if...else.